<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="decorator :: common_header(~{::'title/text()'},~{::customHead})">
    <meta charset="UTF-8">
    <title>交易记录公共部分管理</title>

    <!--/*/ <th:block th:fragment="customHead" > /*/-->
    <!-- jQuery 2.2.3 -->
    <script src="lib/adminLTE/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/media/css/dataTables.bootstrap.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/bootstrap-select/css/bootstrap-select.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.dataTables.min.css"/>
    <!--/*/ </th:block > /*/-->

</head>
<body th:replace="decorator :: common_body(~{::mainBody},~{::tailScript})">
<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="mainBody" >  /*/-->
<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title">交易记录公共部分搜索</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form id="baseOrderSearchForm" action="baseOrder/getBaseOrderList">
            <!-- 防止浏览器自动提交 -->
            <input type="text" style="display: none;"/>
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="id">交易记录id:</label>
                        <input id="id" name="id" type="text" placeholder="交易记录id:"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="userId">用户id:</label>
                        <input id="userId" name="userId" type="text" placeholder="用户id:"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createStart">创建开始时间:</label>
                        <input id="createStart" name="createStart" type="text" placeholder="创建开始时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createEnd">创建结束时间:</label>
                        <input id="createEnd" name="createEnd" type="text" placeholder="创建结束时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div class="form-group">
                        <button id="baseOrderSearchBtn" type="button" class="btn btn-primary btn-block btn-flat">搜索
                        </button>
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>
        </form>
    </div><!-- /.box-body -->
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
     backdrop="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    详情如下：
                </h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<div class="box box-primary tableBox">
    <div class="box-header">
        <h3 class="box-title">交易记录公共部分管理</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <table id="baseOrderManageTable" class="table table-bordered table-hover" width="100%">
            <thead>
            <tr>
                <th>交易记录id</th>
                <th>订单状态</th>
                <th>订单类型</th>
                <th>用户id</th>
                <th>产品id</th>

                <th>产品名字</th>
                <th>交易金额</th>
                <th>创建时间</th>
                <th>更新时间</th>
                <th>支付时间</th>

                <th>订单确认时间</th>
                <th>支付账户</th>
                <th>出入</th>
                <th>支付方式</th>
                <th>第三方的申请编号</th>

                <th>取消原因</th>
                <th>支付描述</th>
                <th>备注</th>
                <th>版本</th>
                <th>查看交易详情</th>
            </tr>
            </thead>
            <tfoot>
            <tr>
                <th>交易记录id</th>
                <th>订单状态</th>
                <th>订单类型</th>
                <th>用户id</th>
                <th>产品id</th>

                <th>产品名字</th>
                <th>交易金额</th>
                <th>创建时间</th>
                <th>更新时间</th>
                <th>支付时间</th>

                <th>订单确认时间</th>
                <th>支付账户</th>
                <th>出入</th>
                <th>支付方式</th>
                <th>第三方的申请编号</th>

                <th>取消原因</th>
                <th>支付描述</th>
                <th>备注</th>
                <th>版本</th>
                <th>查看交易详情</th>
            </tr>
            </tfoot>
        </table>
    </div><!-- /.box-body -->
</div>
<!--/*/ </th:block>  /*/-->


<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="tailScript" > /*/-->
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Select/js/dataTables.select.min.js"></script>
<!--button所需js-->
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/dataTables.buttons.js"></script>
<script type="text/javascript" src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.html5.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-select/js/bootstrap-select.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>

<!--button所需js-->


<script type="text/javascript" src="js/res/baseOrderManage.js"></script>
<script type="text/javascript" src="js/res/util.js"></script>
<!--/*/ </th:block>  /*/-->
</body>
</html>